What is the difference between `@mixin` and `@include`?

Description : Understanding `@mixin` vs `@include` in SASS.

Answer :

`@mixin` is used to define reusable blocks of CSS code with or without parameters. `@include` is used to apply these mixins to specific selectors. For example, `@mixin border($color) { border: 1px solid $color; }` defines a mixin, and `@include border(blue);` applies it. `@mixin` sets up the style, while `@include` applies it where needed.

`@mixin` is used to define reusable blocks of CSS code with or without parameters. `@include` is used to apply these mixins to specific selectors. For example, `@mixin border($color) { border: 1px solid $color; }` defines a mixin, and `@include border(blue);` applies it. `@mixin` sets up the style, while `@include` applies it where needed.

Category : Sass

Created Date : 9/8/2024

SASS Mixins CSS

Show more answersWrite your answer

No questions found!

Sorry, we couldn't find any data!

What is the difference between `@mixin` and `@include`?

Related Questions

No questions found!